<template>
    <div class="title-box flex justify-between mb40">
        <p class="title">지문</p>
        <select name="" id="">
            <option value="">1단원</option>
        </select>
    </div>
    <div class="search-wrap flex justify-end mb20">
            <select name="" id="" class="mr10 data-wrap">
                <option value="">전체</option>
            </select>
                <input  type="text" placeholder="검색하세요.">
                <button type="button" title="위원회 검색">
                    <img src="../../../resources/img/look_t.png" alt="">
                </button>
        </div>
        <div class="table-wrap">
            <table>
                <thead>
                    <td>No.</td>
                    <td>제목</td>
                    <td>내용</td>
                    <td>작성자</td>
                    <td>등록일</td>
                </thead>
                <tbody>
                    <tr @click="goToPage('C_TextInsert')">
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>
                </tbody>
            </table>
            <article class="table-pagination flex justify-center align-center mb20 mt30" style="gap: 10px;">
                    <button><img src="../../../resources/img/btn27_90t_normal.png" alt=""></button>
                    <button class="selected-btn">1</button>
                    <button>2</button>
                    <button>3</button>
                    <button><img src="../../../resources/img/btn28_90t_normal.png" alt=""></button>
                </article>
                <div class="flex justify-end ">
                <button type="button" title="등록" class="new-btn" @click="goToPage('C_TextInsert')">
                    등록
                </button>
        </div>
        </div>
</template>

<script>
import SvgIcon from '@jamescoyle/vue-icon';
import { mdiMagnify} from '@mdi/js';


export default {
    data () {
        return {
            mdiMagnify: mdiMagnify,
        }
    },
    methods: {
        goToPage(page) {
         this.$router.push({ name: page });
      },
      showConfirm(type) {
            let message = '';
            if (type === 'cancel') {
                message = '삭제하시겠습니까?';
            } else if (type === 'reset') {
                message = '초기화하시겠습니까?';
            } else if (type === 'save') {
                message = '등록하시겠습니까?';
            }

            if (confirm(message)) {
                this.goBack();
            }
        },

    },
    watch: {

    },
    computed: {
       
    },
    components:{
        SvgIcon
    },
    mounted() {
        console.log('Main2 mounted');
    }
}
</script>